<template>
  <a-form
      layout="vertical"
      :model="questionData"
      name="basic"
      autocomplete="off"
  >
    <a-form-item
        label="标题"
        name="title"
        :rules="[{ required: true, message: '请输入标题' }]"
    >
      <a-input v-model:value="questionData.title"/>
    </a-form-item>
    <a-form-item
        label="问卷描述"
        name="desc"
    >
      <a-textarea v-model:value="questionData.desc"/>
    </a-form-item>
    <a-form-item
        label="样式代码"
        name="css"
    >
      <a-textarea v-model:value="questionData.css"/>
    </a-form-item>
    <a-form-item
        label="脚本代码"
        name="js"
    >
      <a-textarea v-model:value="questionData.js"/>
    </a-form-item>
  </a-form>
</template>

<script setup>
import {storeToRefs} from "pinia";
import useQuestion from "../../store/question.js";
const {questionData} = storeToRefs(useQuestion())
</script>

<style scoped>

</style>
